<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
	body{
		 font: 12px "simhei", Arial, Helvetica, sans-serif;
   	     color: #666;
   	     margin: 0px;       /*去掉自带的边框*/
   		 background-color: #f5f5f5;
	}
	header{
		width: 1000px;            /*先加一个宽度*/
		margin: 0 auto;			/*然后将内容居中*/
		margin-top: 20px;
		margin-bottom: 30px;
		overflow: hidden;
		/* background-color: pink; */
	
	}
	header>img{
		float: left;
		margin-left: 40px;
	}
	header>h1{
		float:left;
		margin-left: 20px;
		margin-top:8px;
	    font-weight: normal;      /*字体粗细:普通*/ 
		color:#4f4d4e;	
	}
	#form_div{
		height: 560px;
		background-image: url("http://doc.canglaoshi.org/tstore_v1/images/regist.png")
	}
	#form_div>div{
		width: 253px;
	    height: 300px;
	    margin-right: 122px;
	    margin-top: 122px;
	    float:right;
	    background-color: rgba(0,0,0,0.3);
	    padding: 10px;
	}
	#form_div h2{
		color:white;
		font-size: 18px;
		font-weight: normal;
		border-bottom: 1px solid white;  /*下边框*/
		padding-bottom: 10px;
	}
	h2 a{
	 	color:white;
	 	text-decoration: none; /*去掉下划线*/
	 	font-size: 12px;
	 	float: right;
	 	margin-top: 7px;
	}
</style>
</head>
<body>
<header>
	<img src="http://doc.canglaoshi.org/tstore_v1/images/header/logo.png">
	<h1>欢迎登录</h1>
</header>
<article>
	<div id="form_div">
		<div>
			<h2>登录学子商城<a href="">新用户注册</a></h2>
		</div>
	</div>
	<div id="server_div></div>
</article>
<footer></footer>
</body>
</html>